import { defineComponent } from "vue";
import "./App.less";
import LeftMenu from "./components/LeftMenu";
import ToolBar from "./components/ToolBar";
import Canve from "./components/Canve";
import RightSetting from "./components/RightSetting";

//TODO:弹框实现
//TODO:元素宽高调整
export default defineComponent({
  setup() {
    return () => (
      <div class="container">
        <div class="container-top">
          <ToolBar></ToolBar>
        </div>
        <div class="container-main">
          <div class="container-main-left">
            <LeftMenu></LeftMenu>
          </div>
          <div class="container-main-canve">
            <Canve></Canve>
          </div>
          <div class="container-main-right">
            <RightSetting></RightSetting>
          </div>
        </div>
      </div>
    );
  },
}); 
